var hieuhoc = hieuhoc || {
	template: {
		msgAlert: '<div class="wrapPopup"><div class="popup" style="width:300px"><div class="rnd topLeft"></div><div class="rnd topRight"></div><div class="rnd leftM"></div><div class="rnd rightM"></div><div class="rnd bottomLeft"></div><div class="rnd bottomRight"></div><div class="rnd bottomM"></div><div class="rnd topM"><h3>Góp ý</h3><a class="close" title="close" href="javascript:void(0)">close</a> </div><div class="centerPopup" style="height:80px"><p class="message" style=" margin: 25px 0 0;"></p><h2 style="margin: 30px;color:OrangeRed;">Cảm ơn bạn đã đóng góp ý kiến</h2></div></div></div>',
        msgYKien: '<div class="wrapPopup"><div class="popup" style="width:300px"><div class="rnd topLeft"></div><div class="rnd topRight"></div><div class="rnd leftM"></div><div class="rnd rightM"></div><div class="rnd bottomLeft"></div><div class="rnd bottomRight"></div><div class="rnd bottomM"></div><div class="rnd topM"><h3>Thông báo</h3><a class="close" title="close" href="javascript:void(0)">close</a> </div><div class="centerPopup" style="height:80px"><p class="message" style=" margin: 25px 0 0;"></p><h2 style="margin: 30px;color:OrangeRed;">Xin vui lòng nhập ý kiến của bạn</h2></div></div></div>'
	
	}
};


function popupComment(str, vid)
{	
    jQuery.ajax({
		url: base_url + '/popup_display',
		timeout:  5000,
		success: function(response) {
            var htmlPopup = jQuery(response).css({'position':'absolute'}).appendTo(document.body).popup();
            htmlPopup.find('.closex').click(function() {
                htmlPopup.popup('close');
            });
            htmlPopup.find('#contents').val(str);
            htmlPopup.find('#vid').val(vid);
            
            htmlPopup.find('#frmCaptcha').validate({
                ajax: true,
        		onSubmit: function() {
        		    var url = jQuery(this).attr('action');  
        			jQuery.post(url, jQuery(this).serialize(), function(response) {
                        var obj = jQuery.parseJSON(response);
                        var ss = parseInt(obj.success);
                        if (ss == 0) {
                            jQuery('#errCaptcha').html('Mã xác nhận không đúng');
                            jQuery('#imgCaptcha').html(obj.captcha);
                        } else if (ss == 1) {
                            jQuery('#comment').val('');
                            htmlPopup.popup('close');
                            frmCommentInit();
                            jQuery(hieuhoc.template.msgAlert ).appendTo( document.body ).popup();
                        }
        			}); 
                    
        		},
                
        		rules: [
        			{
        				name: 'email',
                        email: true,
        				message: 'Email không hợp lệ'
        			},
                    {
        				name: 'fullname',
        				required: true,
        				message: 'Xin vui lòng nhập họ tên'
        			},
                    {
        				name: 'captcha',
        				required: true,
        				message: 'Nhập mã xác nhận'
        			}
                    
                    
        		],
        		alert: function( el ) {
        			var elWrapper = el.closest( '.ivalidate' ),
        				layer = jQuery( '<div class="alertLayer">' + el.data('message') + '</div>' );
        			el.focus();
        			layer
        				.appendTo( document.body )
        				.css({
        					'top': elWrapper.offset().top + elWrapper.height(),
        					'left': elWrapper.offset().left,
        					'width': elWrapper.width() - 8
        				});
        			setTimeout(function() {
        				layer.remove();
        			}, 2000);
        		}
            })
           
		},
		error: function () {
			alert(url + ' is not valid');
		}
	})    
}


function frmCommentInit(){
		jQuery( '#frmComment' ).length && jQuery( '#frmComment' ).validate({
			rules: [
				{
					name: 'comment',
					init: 'Ý kiến của bạn'
					
				}
			],
			alert: function( el ) {
				var elWrapper = el.closest( '.uiElmForm' ),
					layer = jQuery( '<div class="alertLayer">' + el.data('message') + '</div>' );
				el.focus();
				layer
					.appendTo( document.body )
					.css({
						'top': elWrapper.offset().top + elWrapper.height(),
						'left': elWrapper.offset().left,
						'width': elWrapper.width() + 4
					});
				setTimeout(function() {
					layer.remove();
				}, 2000);
			}
		});
		
	
}

function paging_comment()
{

        jQuery('#paging_comment a').click(function() {
            var that = jQuery(this);
            if (that.hasClass('current')) {
                return false;
            }
            var url = that.attr('href');
            jQuery.ajax({
        		url: url,
        		timeout:  5000,
        		success: function(response) {
        		     jQuery('#ajax_comment').html(response);
                     jQuery('#paging_comment a').removeClass('current');
                     that.addClass('current');
      		    },
        		error: function () {
        			alert(url + ' is not valid');
        		}
            });
            return false;
        });
    
    
}

function auth()
{
    jQuery(".login_reg_ a.loginbtn").click(function()
		{
			var dd = jQuery(this).next().find(".login_content");

			if(dd.css("display") == "none")
			{
				jQuery('.login_reg_ .login_content').hide(); // hide any other open drop downs
				dd.show();
			}
			else
			{
				dd.hide();
			}
		});

		jQuery('.login_reg_').click(function(e)
		{
			e.stopPropagation();
		});

		jQuery(document).click(function()
		{
			jQuery('.login_reg_ div.box_login .login_content').hide();
		});
}

jQuery(document).ready(function() {
    
    auth();
    jQuery('#chkCaptcha').click(function() {
        var vid = parseInt(jQuery('#video_id').val());
        var txt = jQuery('#comment').val();
            txt = jQuery.trim(txt);
        if (txt != '' && txt != 'Ý kiến của bạn') {
            popupComment(txt, vid);
        }  else {
             jQuery(hieuhoc.template.msgYKien).appendTo( document.body ).popup();
        }
    });
    
    frmCommentInit();
    paging_comment();
    
    
    jQuery("img").error(function() {
        jQuery(this).attr("src", root_url + "/data/images/noimage.jpg"); 
    });    
})